<!DOCTYPE html>
<html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
  <head>
    <title></title>
    <meta charset="utf-8">
    <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
	<link rel="stylesheet" href="css/custom/reset.css">
    <link rel="stylesheet" href="css/ui-base.css">
    <link rel="stylesheet" href="css/ui-box.css">
    <link rel="stylesheet" href="css/ui-color.css">
	<link rel="stylesheet" href="css/ui-res.css">
	<link rel="stylesheet" href="css/ui-media.css">
	<link rel="stylesheet" href="css/custom/base_640.css">
	<script src="js/jquery-1.8.0.min.js"></script>
    <script src="js/zy_control.js">
    </script>
    <script src="js/zy_click.js">
    </script>
    <script>
    </script>
  </head>
<body class="um-vp" ontouchstart>
	<div class="content">
		<div class="search_show">
			<div class="search_box">
				<input type="text" />	
				<input type="button" />
			</div>
			<div class="s_pd_s1">
				<div class="s_tit_con">
					<div class="title">标题</div>
					<div class="content">
						<div class="s_item">
							<a href="#">粉丝</a>
							<a href="#">粉丝</a>
							<a href="#">粉丝</a>
							<a href="#">粉丝</a>
						</div>
						<div class="s_item">
							<a href="#">粉丝</a>
							<a href="#">粉丝</a>
							<a href="#">粉丝</a>
							<a href="#">粉丝</a>
						</div>
						<div class="s_item">
							<a href="#">粉丝</a>
							<a href="#" class="current">粉丝</a>
							<a href="#">粉丝</a>
							<a href="#">粉丝</a>
						</div>
						<div class="s_item">
							<a href="#">粉丝</a>
							<a href="#">粉丝</a>
							<a href="#">粉丝</a>
							<a href="#">粉丝</a>
						</div>
					</div>
					
				</div>
				
				<div class="s_tit_con">
					<div class="title">标题</div>
					<div class="content">
						<div class="s_item">
							<a href="#">粉丝</a>
							<a href="#">粉丝</a>
							<a href="#">粉丝</a>
							<a href="#">粉丝</a>
						</div>
						<div class="s_item">
							<a href="#">粉丝</a>
							<a href="#">粉丝</a>
							<a href="#">粉丝</a>
							<a href="#">粉丝</a>
						</div>
					</div>
					
				</div>
				
				
			</div>
		</div>	    	
		
    </div>
</body>
<script>
	
	function openUrl(name){
		uexWindow.open(name,'0',name+'.html','1','','','0');
	}
zy_init();
window.uexOnload=function(type)
{
	if(!type){
		uexWindow.setBounce("1");
		uexWindow.showBounceView("0","#FFF","0");
		uexWindow.showBounceView("1","#FFF","0");
		uexWindow.notifyBounceEvent("1","1");
        uexWindow.onBounceStateChange=function(t,s){
			alert(t+"  "+s);
			if(t=="1"){
				if(s=="2"){
					loadShopping();
					uexWindow.resetBounceView(t);
				}
			}
		}
		loadShopping();
	}
	
	
	
}
var times = 1;
function loadShopping(){
	var columnIndex=1;
	var col1=$("div.column1"),col2=$("div.column2"),col3=$("div.column3"),col4=$("div.column4");
	var ajaxId = Math.floor(Math.random() * 100);
	uexXmlHttpMgr.open(ajaxId, 'GET', domainName+"mobile/shop.htm?times="+times, 20000);
	uexXmlHttpMgr.onData = function(opcode, status, data){
		if (status == -1){
			alert('网络连接出错，请检查网络!');
		}else if (status == 1){
			$.each($.parseJSON(data),function(index,item){
				var html='<div class="discover_item">'
				+'<a href="http://www.taobao.com"  class="pic"><img src="'+item.picUrl+'" class="block" /></a>'
				+'<span class="item_price">'+item.price+'</span></div>';
				switch(columnIndex){
					case 1:{
						col1.append(html);
						columnIndex+=1;
						break;
					}
					case 2:{
						col2.append(html);
						columnIndex+=1;
						break;
					}
					case 3:{
						col3.append(html);
						columnIndex=1;
						break;
					}
					default:break;
				}
				
			});
			times+=1;
			uexXmlHttpMgr.close(ajaxId);
		}
	}
	uexXmlHttpMgr.send(ajaxId);
}
</script>
</html>
